<template>
  <span class="binding-classification-select">
    <a-select v-model:value="_value" :options="RESOURCE_LIBRARY_SITE_CLASSIFICATION">
      <template #option="{ value: val, label, isBind }">
        <span>{{ label }}</span>
        <!-- <BindingClassificationText :value="val" v-if="isBind === 0" style="margin-left: 50px" /> -->
      </template>
    </a-select>
  </span>
</template>

<script lang="ts" setup name="BindingClassificationText">
import BindingClassificationText from './BindingClassificationText.vue'
import { RESOURCE_LIBRARY_SITE_CLASSIFICATION } from '@/stores/modules/collect-manage/select-data-source'
import { computed, toRefs } from 'vue'

type Props = { newValue: number }
const props = defineProps<Props>()
const { newValue } = toRefs(props)

const emit = defineEmits<{
  (e: 'update:newValue', val: number): void
}>()

const _value = computed({
  get: () => {
    return newValue.value
  },
  set: (val: number) => {
    emit('update:newValue', val)
  }
})
</script>

<style lang="less" scoped>
.binding-classification-select {
}
</style>
